<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>北京远大都技术培训</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="js/slider/slider.css">
    <link rel="stylesheet" href="js/swiper/swiper.css">
    <link rel="stylesheet" href="./layer/theme/default/layer.css?v=3.1.1">
    <script src="js/jquery.js"></script>
    <script src="js/swiper/swiper.min.js"></script>
    <script src="js/template/template-web.js"></script>
    <script src="./layer/layer.js"></script>
    <script src="js/header.js"></script>
    <script src="js/commit.js"></script>

</head>
<body>
 <!-- Swiper -->
 <div class="swiper-container banner">
    <div class="swiper-wrapper" id="banner">
        <script type="text/html" id="bannerTpl">
            {{each res as item }}
            <div class="swiper-slide"><img src="{{item.img_url}}"/></div>
            {{/each}}
        </script>
    </div>
    <!-- Add Arrows -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>

<!-- banner---start -->
<!-- <div class="banner">
    <ul class="banner_img" id="banner">
        <script type="text/html" id="bannerTpl">
            {{each res as item }}
            <li><img src="{{item.img_url}}"/></li>
            {{/each}}
        </script>
    </ul>
    <div class="banner_list"></div>
    <div class="banner_left"><img src="images/left.png"/></div>
    <div class="banner_right"><img src="images/right.png"/></div>
</div> -->
<!-- banner---end -->
<!-- 行测课程 -->
<div class="free_box" id="slider">
    <script type="text/html" id="sliderTpl">
    <div class="index_course_div_2 clearfix">
        <span>行测</span>
        {{if res.length > 8}}
        <a href="./line.html?goods_type=2" target="_blank" class="index_more_link_1 charge_more">更多 &gt;</a>
        {{/if}}
    </div>
    <div class="swiper-container slider">
        <div class="swiper-wrapper">
                {{if res.length == 0}}
                <span class="no_more_list">暂无数据</span>
                {{else}}
                {{each res as item index}}
                <div class="swiper-slide" data_id="{{item.id}}">
                    <div class="swiper_bor">
                        <div class="free_kc_box">
                            <a href="./info.html?id={{item.c_id}}&type={{item.type == '教学' ? 1 : 2}}&typeAssort={{item.assort == '答题' ? 1 : 2}}&curId={{item.id}}" target="_blank">
                                <img src="{{item.goods_img}}" width="240" height="160" alt="">
                                {{if item.assort == '视频'}}
                                <div class="mask"></div>
                                <i class="playBtn"></i>
                                {{/if}}
                            </a>
                            <span class="money_no">{{item.shop_type}}</span>
                        </div>
                        <div class="free_kc_txt">
                            <span class="kc_txt_tit"><a href="./info.html?id={{item.c_id}}&type={{item.type == '教学' ? 1 : 2}}&typeAssort={{item.assort == '答题' ? 1 : 2}}&curId={{item.id}}" target="_blank">{{item.name}}</a></span>
                            <p><a href="./info.html?id={{item.c_id}}&type={{item.type == '教学' ? 1 : 2}}&typeAssort={{item.assort == '答题' ? 1 : 2}}&curId={{item.id}}" target="_blank">{{item.description}}</a></p>
                        </div>
                    </div>
                </div>
                {{/each}}
                {{/if}}
            
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
    </script>
</div>
<!-- 八大类 -->
<div class="free_box">
    <div class="skill-home-solid clearfix">
        <div class="ul_box" id="classify">

            <script type="text/html" id="classifyTpl">
                {{each res as item index}}
                <div class="col-md-{{index+1}} text-center">
                    <span class="icons c{{index+1}}">
                        <a href="./line.html?c_id=1&index_type={{index}}" target="_blank">
                            <img src="images/list_{{index+1}}.png" alt="">
                            <span class="icons_span_txt">{{item.name}}</span>
                        </a>
                    </span>
                </div>
                {{/each}}
            </script>
        </div>
    </div>
</div>
<!-- 教学课程 -->
<div class="free_box" id="listke">
    <script type="text/html" id="listkeTpl">
    <div class="index_course_div_2 clearfix">
        <span> 教学 </span>
        {{if res.length > 6}}
        <a href="./teach.html?goods_type=1" target="_blank" class="index_more_link_1 charge_more">更多 &gt;</a>
        {{/if}}
    </div>
    <div class="free_j_box">
        <div class="free_j_ul">
                {{if res.length == 0}}
                <span class="no_more_list">暂无数据</span>
                {{else}}
                {{each res as item }}
                <div class="index_course_div_4">
                    <div class="free_j_img clearfix">
                        <div class="j_img_box" style="padding-right:0">
                            <a href="./info.html?id={{item.c_id}}&type={{item.type == '教学' ? 1 : 2}}&typeAssort={{item.assort == '答题' ? 1 : 2}}&curId={{item.id}}" target="_blank">
                                <img src="{{item.goods_img}}" class="img-responsive" width="188" height="125">
                                {{if item.assort == '视频'}}
                                <div class="mask"></div>
                                <i class="playBtn"></i>
                                {{/if}}
                            </a>
                        </div>
                        <div class="j_img_txt" style="padding-left:5px;">
                        <span class="index_course_h1">
                            <a href="./info.html?id={{item.c_id}}&type={{item.type == '教学' ? 1 : 2}}&typeAssort={{item.assort == '答题' ? 1 : 2}}&curId={{item.id}}" target="_blank">{{item.name}}</a>
                        </span>
                            <p class="index_course_p_1"><a href="./info.html?id={{item.c_id}}&type={{item.type == '教学' ? 1 : 2}}&typeAssort={{item.assort == '答题' ? 1 : 2}}&curId={{item.id}}" target="_blank">{{item.description}}</a></p>
                        </div>
                    </div>
                    <div class="index_course_p_2 clearfix">
                        {{if item.shop_type == '免费'}}
                        免费
                        {{else}}
                        <!-- <em>2568 人已购买</em> -->
                        <span>¥ {{item.current_price}}</span>
                        <span class="val_span">¥ {{item.original_price}}</span>
                        {{/if}}
                    </div>
                </div>
                {{/each}}
                {{/if}}
        </div>
    </div>
</script>
</div>
<!-- 培训动态 -->
<div class="free_box clearfix">
    <div class="lf_free">
        <div class="index_course_div_2 clearfix" style="margin-bottom:10px;">
            <span> 培训动态 </span>
        </div>
        <div class="lf_list_ul">
            <ul id="listdt" class="demo2">
                <script type="text/html" id="listdtTpl">
                    {{each res as item }}
                    <li class="news-item">
                        <span class="dot"></span>
                        <a onclick="clicklog(124562);" href="##" target="_blank" title="国？">{{item.name}}
                            <em>{{item.created_at}}</em>
                        </a>
                    </li>
                    {{/each}}
                </script>
                <script src="js/newsbox/jquery.bootstrap.newsbox.min.js" type="text/javascript"></script>

            </ul>
        </div>

    </div>
    <div class="rh_free" style="height:311px;border:#ccc solid 1px;"><img src="images/map.png"/></div>
</div>
<!-- 名师 -->
<div class="free_box">
    <div class="index_course_div_2 clearfix">
        <span> 名师列表 </span>
    </div>
    <div class="container_teacher">
        <div class="section-content clearfix" id="teacher">
            <script type="text/html" id="teacherTpl">
                {{each res as item }}
                <div class="teacher_img_box">
                    <div class="image-block">
                        <img class="img-responsive" src="{{item.img_url}}" alt="team member one">
                        <div class="hover-content">
                            <div class="hover-content-wrapper">
                                <p>
                                    {{item.description}}
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="member-info">
                        <span class="teacher_name">{{item.name}}</span>
                        <!-- <span>teacher &amp; CEO</span> -->
                    </div>
                </div>
                {{/each}}
            </script>
        </div>
    </div>
</div>

<!-- 友情链接 -->
<div class="free_box">
    <div class="index_course_div_2 clearfix">
        <span> 友情链接 </span>
    </div>
    <div class="friendship_box">
        <ul class="clearfix" id="links">
            <script type="text/html" id="linksTpl">
                {{each res as item }}
                <li><a href="{{item.link}}" target="_blank">{{item.name}}</a></li>
                {{/each}}
            </script>
        </ul>
    </div>
</div>
<!-- footer -->
<div class="index_footer_div_3" id="footer"></div>

<script src="js/index.js"></script>

<script type="text/javascript">
    $("#footer").load("./footer.html");
</script>
</body>
</html>